<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>vuex study 01, simple project </title>

  </head>
  <body>

  <div  class="container-fluid">

    <div class="row">
      <div class="col-xs-6">
        <p>
          vue-router
          这是一个简单的示例程序！
        </p>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-6">
        <div id="app">
          <h1>Hello App!</h1>
          <p>
            <!-- 使用 router-link 组件来导航. -->
            <!-- 通过传入 `to` 属性指定链接. -->
            <!-- <router-link> 默认会被渲染成一个 `<a>` 标签 -->
            <router-link to="/hello">Go to Foo</router-link>
            &nbsp;
            <router-link to="/counter">Go to Bar</router-link>
            &nbsp;
            <router-link to="/user/1">访问user NO 1</router-link>
            &nbsp;
            <router-link to="/user/2">访问user NO 2</router-link>

          </p>
          <!-- 路由出口 -->
          <!-- 路由匹配到的组件将渲染在这里 -->
          <router-view></router-view>
        </div>

      </div>
    </div>

  </div>

    <script src="misc/js/vue.min.js"></script>
    <script src="misc/js/vuex.min.js"></script>
    <script src="misc/js/vue-router.js"></script>

  <script src="dist/vuerouter.js"></script>
  </body>
  <link rel="stylesheet"  href="misc/css/bootstrap.min.css">
  <link rel="stylesheet"  href="misc/css/bootstrap-theme.min.css">

</html>
